<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>New World</title>
	<link rel="stylesheet" type="text/css" href="css/mystyle.css">
</head>
<body>
  <div class="wrapper">
    <header>
      <div class="login">
        <img src="image/login.png">
      	<p><a href="#">登录</a></p>
      </div>
      <div class="nav">
      	<ul>
      	  <li><a href="#" id="currentPage">首页</a></li>
      	  <li><a href="#">最新活动</a></li>
      	  <li><a href="#">项目介绍</a></li>
      	  <li><a href="#">爱心社区</a></li>
      	  <li><a href="#">关于我们</a></li>
      	</ul>
      </div>
      <div class="logo">
        <p>新世界</p>
      	<img src="image/logo.png">
      	
      </div>	
    </header>
    <div class="content">
      <div class="jumbotron">
       <div class="jumbotron-info">
        <div class="jumbotron-text">
          <div class="jumbotron-text-top">
          	Time of new life
          </div>
          <div class="jumbotron-text-down">
          	<p>新时代，年轻的人们让我们一起</p>
          	<p>体验新生活，享受新生活</p>
          </div>
        </div>
        
        <button class="jumbotron-button"> 开始体验</button>
        
       </div>
      	
      </div>
      <div class="advantage">
      	<div class="advantage-1">
      	  <img src="image/advantage-1.png">
      	  <div class="advantage-text">
      	  	打造全新世界观，让你更爱你的生活
      	  </div>
      	</div>
      	<div class="advantage-2">
      	  <img src="image/advantage-2.png">
      	  <div class="advantage-text">
      	  	丰富多彩的公益活动，发挥新世界的主人公意识
      	  </div>
      	</div>
      	<div class="advantage-3">
      	  <img src="image/advantage-3.png">
      	  <div class="advantage-text">
      	  	时尚的新理念，超前体验未知的生活
      	  </div>
      	</div>
      	<div class="advantage-4">
      	  <img src="image/advantage-4.png">
      	  <div class="advantage-text">
      	  	完善的培养机制，培养你全新的世界观
      	  </div>
      	</div>
      </div>
      <div class="aboutNewworld">
        <div class="aboutNewworld-image">
          <img src="image/aboutNewworld.png">
        </div>
        <div class="aboutNewworld-text">
          关于新世界，你不知道的还有什么？
        </div>
      </div>
      <div class="activityNews">
        <div class="activityNews-text">
          <div class="activityNews-text-top">查找新世界城市活动信息</div>
          <hr>
          <div class="activityNews-text-down">每个城市的有不同活动信息，请自主查询您所需要了解的城市</div>
        </div>
        <div class="activityNews-form">
          <div id="selectCountry" class="select">
            <p>中国</p>

          </div>
          <div id="selectProvince" class="select">
            <p>省份</p>
            <ul class="cityList">
            <li class="current">北京市</li>
            <li>天津市</li>
            <li>河北省</li>
            <li>陕西省</li>
            <li>内蒙古自治区</li>
            <li>辽宁省</li>
              
            </ul>
          </div>
          <div id="selectCity" class="select">
            <p>城市</p>
          </div>
          <div id="btnSearch">
            <p>搜索</p>
            
          </div>
          
        </div>
        
      </div>
    </div>
  	<footer></footer>
  </div>
	
</body>
</html>